<template>
  <div class="box">
      <h5>{{type}}老师</h5>
      <ul>
      <!-- <li>
        xxx
        <img src="" alt="" />
      </li>
      <li>
        xxx
        <img src="" alt="" />
      </li>  -->

      <li v-for="item in teacher" :key="item.id">
        {{ item.username }}
        <img :src="item.img" alt="" />
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  props:['teacher','type'],
  data(){
    return {
      
    }
  }
}
</script>

<style scoped>
ul{
  overflow: hidden;
}
ul li{
  float: left;
}
ul li img{
  width: 150px;
  height: 200px;
}
</style>